<template>
  <div style="padding:0 17px">
    <Breadcrumb/>
    <div style="display: flex;margin-top: 15px;">
      <el-date-picker
          style="margin-right: 15px;font-size: 13px"
          v-model="value1"
          type="date"
          placeholder="选择日期">
      </el-date-picker>
      <el-date-picker
          style="margin-right: 15px;font-size: 13px"
          v-model="value1"
          type="date"
          placeholder="选择日期">
      </el-date-picker>
      <el-select v-model="ruleForm.sex" placeholder="所属项目" style="width: 200px;margin-right: 15px">
        <el-option label="全部" value="0"></el-option>
        <el-option label="——所有项目——" value="1"></el-option>
      </el-select>
      <el-button type="primary" style="font-size: 12px;margin-right: 5px" @click="load">查询</el-button>
      <el-button type="primary" style="font-size: 12px;" @click="load">导出</el-button>
    </div>
  </div>
</template>

<script>
import Breadcrumb from "@/components/Breadcrumb.vue";

export default {
  name: "DailyFailureStatistics",
  components: {Breadcrumb},
  data() {
    return{
      search: '',
      tableData: [],
      ruleForm:[],
      currentPage: 1,
      pageSize: 10,
      total: 10,
    }
  },
  methods: {
    // 搜索
    load(){

    },
    handleSizeChange(pageSize) {   // 改变当前每页的个数触发
      this.pageSize = pageSize
      this.load()
    },
    handleCurrentChange(pageNum) {  // 改变当前页码触发
      this.currentPage = pageNum
      this.load()
    },
  }
}
</script>

<style scoped>
:deep(.el-table th .cell)  {
  font-weight: 700
}
:deep(.el-select-dropdown__item)  {
  font-size: 13px;
}
:deep(.el-select__wrapper) {
  font-size: 13px;
}
</style>
